<template>
    <simple-layout title="已释放NGT转账">
      <div style="background: #fff;;padding: 10px 15px;">

<form class="mui-input-group">
      <div class="pay">
            <div class="pay-center">
              <span>已释放NGT余额:0.0</span>
            </div>
          </div>
    <div class="mui-input-row">
        <input type="number" class="mui-input-password" placeholder="请输入转账号码">
    </div>
    <div class="pay" >
      <div class="pay-center">
        <span>对方姓名:</span>
      </div>
    </div>
    <div class="mui-input-row">
        <input type="number" class="mui-input-password" placeholder="请输入转账数量">
    </div>
<div class="mui-input-row" style="margin-top: 8px;">
        <input type="password" class="mui-input-password" placeholder="请输入密码">
    </div>


</form>
 <div @click="releaseLog()">
       <van-button class="submit-btn">释放记录</van-button>
       </div>
      </div>

    </simple-layout>
  </template>


  <script>
    import AuthService from '../../service/auth';
    import SimpleLayout from '../../components/SimpleLayout';

    export default {
      name: "lockCabin",
      components: {
        //someComponent
        SimpleLayout
      },
      props: {},
      data() {
        return {
          msg: "Hello Vue.js",
          usernumber: '',
          phone: '',
          number: '',
          password: '',
          numCode: '发送验证码',

          img: '../../assets/productinfo/fengxian.png'
        }
      },
      computed: {},
      watch: {},
      mounted: function () {
      },
      methods: {
        toUrl(val){
          this.$router.push({ name:val });
        },
        releaseLog() {

        }
      }
    }
  </script>

 <style scoped>
    .pay{
      display: flex;
      border-top: 1px solid #f7f3f3;
      padding: 1rem;
      background-color: #fff;
    }
    .pay-center{
      font-size: 18;
      font-weight: bold;
      text-align: initial;
      width: 100%;
      height: 30px;
      display: inline-flex;
    }
    .pay-center>span{
      margin: auto 0;
    }
    .pay-center-l{
      display: inline-block;
      height: 30px;
      width: 30px;
      margin-right: 10px;
      background: url("../../assets/productinfo/yinhang.png") no-repeat;
      background-size: 100%;
    }

    .pay-center-grey{
      display: inline-block;
      height: 30px;
      width: 30px;
      background: url("../../assets/productinfo/yinhang.png") no-repeat;
      background-size: 100%;

    }
    .pay:nth-child(3n+1){
      margin-top: 1rem;
      border-top: none;
    }
    button.submit-btn {
      position: absolute;
      left: 10%;
      right: 10%;
      bottom: 13%;
      width: 80%;
      border-radius: 30px;
      background: -webkit-linear-gradient(to right, #696BE2, #7B7FEE, #8E93F9); /* Safari 5.1 - 6.0 */
      background: -moz-linear-gradient(to right, #696BE2, #7B7FEE, #8E93F9); /* Firefox 3.6 - 15 */
      background: linear-gradient(to right, #696BE2, #7B7FEE, #8E93F9); /* 标准的语法 */
      color: #fff;
      height: 52px;
      font-size: 18px;
    }
  </style>
